.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}

.active {
    color: red;
    border-bottom: 4px solid red;
    box-sizing: border-box;
}

.swiper-slide {
    text-align: center; // width: 80%;
    .px2rem(width, 140);
    .px2rem(height, 80);
    .px2rem(line-height, 80); // border: 1px solid #cccccc;
    // border-radius: 50px;
    .px2rem(font-size, 34); // .px2rem(margin,20);
}

.HotFoodShop_t {
    width: 100%;
    .px2rem(height, 100);
    display: flex;
    align-items: center;
    background: #f3f3f3;
    img {
        .px2rem(width, 45);
        .px2rem(height, 45);
        .px2rem(padding-left, 10);
    }
    h3 {
        font-weight: bolder;
        .px2rem(font-size, 30);
        .px2rem(padding-left, 30);
    }
    span {
        .px2rem(font-size, 20);
        .px2rem(padding-left, 30);
        color: #cccccc;
    }
}

.ulty {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.list {
    width: 30%;
    .img1 {
        img {
            width: 100%;
        }
    }
    .h21 {
        .px2rem(font-size, 30);
        .px2rem(margin-top, -30);
    }
    .p {
        color: red;
        .px2rem(font-size, 25);
        .px2rem(margin-top, -40);
        .px2rem( margin-bottom, 10);
        font-weight: bolder;
    }
    .p1 {
        .px2rem(margin-top, -30);
        border: 1px solid red;
        .px2rem(width, 220);
        .px2rem(height, 50);
        .px2rem(font-size, 25);
        color: red;
        .px2rem(line-height, 50);
    }
}